<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>主页</title>
		<link rel="stylesheet" href="../css/result.css" />
		<link rel="stylesheet" href="../css/index.css" />
		<link rel="stylesheet" href="../layer/mobile/need/layer.css" />
		<script type="text/javascript" src="../js/jquery-3.1.1.min.js"></script>
		<script type="text/javascript" src="../layer/layer.js"></script>
	</head>

	<body>

		<div class="header">
			<ul>
				<li>
					<a class="login">登录</a>
				</li>
				<li>
					<a href="">资源下载</a>
				</li>
				<li>
					<a href="">贴吧</a>
				</li>
				<li>
					<a href="">招聘</a>
				</li>
				<li>
					<a href="">菜鸟联盟</a>
				</li>
				<li>
					<a href="">面试题</a>
				</li>
				<li>
					<a href="">考试</a>
				</li>
			</ul>
		</div>
		<div style="display: none;" class="con">
			<form>
				<div style="padding:50px" >
					<label>账号：</label><input type="text" autofocus="autofocus" required="required" placeholder="手机/邮箱/用户名" name="username" id="username" style="width: 300px;height: 30px;color:gray;" /><br/><br/>
					<label>密码：</label>
					<input type="password" required="required" style="width:300px;height:30px;color:gray;" />
					<br/><br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
					<input type="submit" class="login1" value="登  录" style="width: 300px;height: 30px;background: blue;border:none;font-size: 16px;" />
				</div>
			</form>
		</div>
		<script type="text/javascript">
			$(".login").on("click", function() {
				layer.open({
					type: 1, //Page层类型
					area: ['500px', '300px'],
					title: '登录BUG账号',
					shade: 0.6, //遮罩透明度
					anim: 1, //0-6的动画形式，-1不开启
					content:$(".con")
				});
			});
		</script>
		

	</body>

</html>